<html ng-app="app">
    <head>
        <meta charset="utf-8" >
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <title>邀请函</title>
        <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/fastclick.js"></script>
        <link rel="stylesheet" type="text/css" href="http://faxm.13w.top:2092/xxds/files/css/activity.css">
        <link rel="stylesheet" type="text/css" href="http://faxm.13w.top:2092/xxds/files/css/alert.css">
    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
<script src="/xds/config.js" charset="utf-8"></script>
<script type="text/javascript">
		 var hallUrl= window.location.href;
		 var baseUrl= "http://" + window.location.host;
		 var hall= "xds";
         var hallKey= getQueryVariable("h")?getQueryVariable("h"):"";
         function getQueryVariable(variable){
             var query = window.location.search.substring(1);
             var vars = query.split("&");
             for (var i=0;i<vars.length;i++) {
                 var pair = vars[i].split("=");
                 if(pair[0] == variable){return pair[1];}
             }
             return(false);
         }
</script>
<script>
	var wx_ip = "";
	var wx_port = "200";
	let token =localStorage.getItem('token');
	console.log("token :"+token);
	var userInfo = {
		id:0,
		cards: "0",
		nickname: "",
		headimgurl: "",
		individuality: "",
		is_opengroup: 0,
		tel: "",
		token: "",
	};
	var ports = {
	  bpg: 200,
	  bull: 200,
	  chat: 200,
	  ebg: 200,
	  gfl: 200,
	  jsg: 200,
	  lobby: 200,
	  pg: 200,
	  sag: 200,
	};
	var invite = {
		"nickname":"",
		"account_code":"",
		"headimgurl":"",
		"inviteStatus":"",
		"isOwner":"",
	};
</script>
<script src="http://faxm.13w.top:2092/xxds/common.js" charset="utf-8"></script>
<script>
    var baseUrl= "http://" + window.location.host+"/"+hallKey+".html";
    var indexUrl=  "http://" + window.location.host+"/"+hallKey+".html";
</script>
        <script type="text/javascript">
            document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
            window.addEventListener('load', function () {
                FastClick.attach(document.body);
            }, false);

            var newNum = "";
            var per = window.innerWidth / 530;
            var globalData = {
                "baseUrl": baseUrl,
                "fileUrl": "http://faxm.13w.top:2092/xxds/",
                "shareUrl": hallUrl,
                "inviteName": invite.nickname,
                "userCode": invite.account_code.toString(),
                "inviteAvatar": invite.headimgurl,
                "isOwner": invite.isOwner,
                "inviteStatus": invite.inviteStatus,
                "roomUrl":hallUrl,
                "qrUrl": 'www.baidu.com',
                "wxName": 'nana',
                "isWechat": "1",
                "isXianliao": "0",
                "shareTitle": invite.nickname+"的邀请函",
                "xlTitle": invite.nickname+"的邀请函",
            };
            globalData.wid = "123";
            globalData.tt = "NGViZW9kTUdjSVRSb3VqakFMY0NPajVqWGFTc25KdkZIdUhzYlRSdWRLR3dnZnlRYlBV";
            var userData = {
               "accountId": userInfo.id.toString(),
                "nickname": userInfo.nickname,
                "avatar": userInfo.headimgurl,
            };
            var configData = {
                "appId": "wxd08f496bb54369a9",
                "timestamp": "1606916055",
                "nonceStr": "44a08d7c475b6f6f39ccae1bbc54178c",
                "signature": "ad89df2eb13737aff9fc5f459c14a1b5b873f4c0",
            };
            function onBridgeReady() {
                WeixinJSBridge.call('hideOptionMenu');
            }

            if (typeof WeixinJSBridge == "undefined") {
                if (document.addEventListener) {
                    document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                } else if (document.attachEvent) {
                    document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                    document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                }
            } else {
                onBridgeReady();
            }

            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
                // 通过下面这个API隐藏右上角按钮
                WeixinJSBridge.call('hideOptionMenu');
            });
        </script>
        <style>
            .copy-tip {
                background: rgba(0, 0, 0, .6);
                color: #fff;
                position: fixed;
                bottom: .6rem;
                font-size: .15rem;
                border-radius: 5px;
                padding: 10px;
                left: 50%;
                transform: translate(-50%, 0);
                z-index: 89;
            }

            #room_str {
                position: fixed;
                top: -300px;
            }

            .zhuonuo {
                position: fixed;
                right: 0;
                width: .8rem;
                z-index: 89;
                top: .1rem;
            }

            #dialog {
                position: fixed;
                width: 300px;
                height: 150px;
                padding: 10px;
                box-sizing: border-box;
                background: #fff;
                font-size: 16px;
                left: 50%;
                top: 50%;
                margin-left: -150px;
                margin-top: -75px;
                border-radius: 10px;
                z-index: 99;
            }

            #dialog .main {
                word-wrap: break-word;
                word-break: normal;
            }

            #dialog .other {
                text-align: center;
                margin-top: 38px
            }

            #dialog img {
                position: absolute;
                top: -20px;
                right: -20px;
                width: 35px;
            }
        </style>
    </head>

    <body ng-controller="myCtrl" style="background: #000;" >
        <div id="dialog" style="display:none">
            <img src="http://faxm.13w.top:2092/xxds/files/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
            <p id="main" class="main">
            </p>
            <p class="other">
                请手动复制
            </p>
        </div>

        <span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
        <img src="http://faxm.13w.top:2092/xxds/files/images/common/33fz.png" class="needsclick zhuonuo copyUrl" data-clipboard-action="copy" id="copy_btn" onclick="fuzhiMain.link()" />
        <textarea id="room_str" readonly="readonly"></textarea>  
        <div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000" id="loading">
            <img src="http://faxm.13w.top:2092/xxds/files/images/common/loading.gif" style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;" />
        </div>
        <div class="main" style="display: none;">

            <img src="http://faxm.13w.top:2092/xxds/files/images/redpackage/union_bg.jpg"  style="top: 0;left: 0;width: 100%;height: 100%;position: relative;">

            <!-- 提示框 -->
            <div class="alert" id="valert" ng-show="isShowAlert" >
                <div class="alertBack"></div>
                <div class="mainPart">
                    <div class="backImg">
                        <div class="blackImg"></div>
                    </div>
                    <div class="alertText">{{alertText}}</div>              
                    <div ng-show="alertType == 3">
                        <div class="buttonLeft" ng-click="closeAlert()">确定</div>
                        <div class="buttonRight" ng-click="closeAlert()">取消</div>
                    </div>          
                    <div ng-show="alertType == 7">
                        <div class="buttonMiddle" ng-click="closeAlert()">确定</div>
                    </div>  
                    <div ng-show="alertType == 8">
                    </div>          
                </div>
            </div>

            <div style="position: absolute;top: 10vh;left: 50%;margin-left: -25vh;height: 80vh;width: 50vh;" ng-if="inviteStatus == 0">
                <img src="http://faxm.13w.top:2092/xxds/files/images/activity/union_card.jpg" style="position: absolute;top: 0;left: 1vh;width: 48vh;height: 100%;">
                <img src="http://faxm.13w.top:2092/xxds/files/images/activity/union_card_bottom.png" style="position: absolute;bottom: 0;width: 50vh;height: 35.25vh;">
                <div class="imgOpen" style="position: absolute;bottom: 10vh;left: 50%;margin-left: -10vh;width: 20vh;height: 20vh;backface-visibility:hidden;" ng-click="clickJoin()">
                    <img  ng-src="{{joinImg}}" style="position: absolute;width: 20vh;height: 20vh;transform: rotate({{img.rotate}}deg);" >
                </div>

                <img ng-src="{{inviteAvatar}}" style="position: absolute;top: 6vh;left: 50%;margin-left: -6vh;width: 12vh;height: 12vh;border-radius: 6vh;">
                <div style="position: absolute;top: 19vh;width: 100%;height: 5vh;line-height: 5vh;text-align: center;">
                    <p style="position: absolute;width: 100%;font-size: 2.5vh">
                        <span style="color: orange;">{{inviteName}}</span>
                        <span style="color: black">邀请你加入</span>
                    </p>
                </div>

                <div style="position: absolute;top: 25vh;width: 100%;height: 8vh;line-height: 8vh;font-size: 3vh;color: orange;text-align: center;">
                    群管理组
                </div>

                <div style="position: absolute;top: 35vh;left: 4vh;width: 42vh;height: 14vh;line-height: 3.5vh;font-size: 2.5vh;text-align: center;">
                </div>

            </div>

            <div style="position: absolute;top: 10vh;left: 50%;margin-left: -25vh;height: 80vh;width: 50vh;" ng-if="inviteStatus == 1">
                <img  src="http://faxm.13w.top:2092/xxds/files/images/activity/union_cardb.jpg" style="position: absolute;top: 0;left: 0;width: 50vh;height: 100%;">
            </div>
            <div style="position: absolute;top: 10vh;left: 50%;margin-left: -25vh;height: 80vh;width: 50vh;" ng-if="inviteStatus == 2">
                <img  src="http://faxm.13w.top:2092/xxds/files/images/activity/union_card.jpg" style="position: absolute;top: 0;left: 0;width: 50vh;height: 100%;">
                <img src="http://faxm.13w.top:2092/xxds/files/images/activity/union_finish.png" style="position: absolute;top: 12vh;left: 50%;margin-left: -6vh;width: 12vh;height: 12vh;">
                <div style="position: absolute;top: 25vh;width: 100%;height: 5vh;text-align: center;font-size: 3vh;color: orange;font-weight: bold;">
                    加入成功
                </div>
            </div>


        </div>

    </body>

    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/angular.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/inviteDetail.js"></script>
    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/clipboard.min.js"></script>
    <script type="text/javascript" src="http://faxm.13w.top:2092/xxds/files/js/fuzhi_xl.js?v=201809172"></script>
</html>